<template>
  <div>
    echart图例
    <div id="fee-chart"></div>
    <div id="score-chart"></div>
  </div>
</template>

<script>
import * as echarts from 'echarts';
import feeChart from '../echarts/feeChart';
import scoreChart from '../echarts/scoreChart';

export default {
  mounted() {
    let chartInit = echarts.init(document.getElementById('fee-chart'));
    feeChart.setData();
    chartInit.setOption(feeChart.option);
    let scoreChartInit = echarts.init(document.getElementById('score-chart'));
    scoreChart.setData([
      {
        scorefinal: '111',
        plate: '222',
      },
      {
        scorefinal: '111',
        plate: '222',
      },
      {
        scorefinal: '111',
        plate: '222',
      },
      {
        scorefinal: '111',
        plate: '222',
      },
      {
        scorefinal: '111',
        plate: '222',
      },
    ]);
    scoreChartInit.setOption(scoreChart.option);
  },
};
</script>

<style lang="less" scoped>
#fee-chart {
  width: 100%;
  height: 400px;
}
#score-chart {
  width: 100%;
  height: 400px;
}
</style>
